<template>
  <div class="model">
    <img class="image-1" src="../../../assets/img/2.1.jpg">
    <div>
      <img class="image" :src="getImgUrl('logo')">
      <el-breadcrumb separator="/" class="tab">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">活动管理<!--{{$router.params}}--></a></el-breadcrumb-item>
        <el-breadcrumb-item><slot></slot></el-breadcrumb-item>
      </el-breadcrumb>
    </div>
  </div>
</template>

<script>
    export default {
      name: "Model_1",
      methods: {
        getImgUrl(img) {
          return require("../../../assets/img/" + img + ".png");
        }
      }
    }
</script>

<style scoped>
  .model{
    margin-bottom: 50px;
  }
  .tab{
    float:right;
    line-height: 50px;
    margin-right: 350px;
  }
  .image-1{
    margin-bottom: 10px;
    width:100%;
    height: 200px;
  }
  .image{
    float:left;
    margin-left: 300px;
    width:100px;
    height: 50px;
  }
</style>
